import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface ArrowUpCircleCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const ArrowUpCircleCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: ArrowUpCircleCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M11.28 2.024c-2.109.185-3.979.926-5.561 2.201-1.675 1.351-2.908 3.28-3.416 5.346-.216.881-.277 1.41-.277 2.429s.061 1.548.277 2.429c.886 3.607 3.839 6.502 7.457 7.311.844.189 1.287.236 2.24.236.953 0 1.396-.047 2.24-.236 3.618-.809 6.571-3.704 7.457-7.311.213-.869.276-1.413.278-2.409.001-.976-.043-1.404-.235-2.26-.458-2.049-1.658-4.025-3.26-5.369-1.824-1.531-3.915-2.321-6.26-2.368a15.89 15.89 0 0 0-.94.001m1.38 4.978c.71.269 1.915 1.213 2.595 2.034.474.572 1.069 1.506 1.21 1.899.073.205.07.552-.007.736a1.125 1.125 0 0 1-.59.553 1.06 1.06 0 0 1-.845-.08c-.198-.116-.24-.174-.692-.944a5.574 5.574 0 0 0-.949-1.233l-.362-.372L13 13.07l-.02 3.476-.121.197a.998.998 0 0 1-1.718 0l-.121-.197L11 13.07l-.02-3.475-.364.372c-.449.46-.753.871-1.114 1.507-.175.308-.329.528-.417.594a.984.984 0 0 1-1.275-.041.984.984 0 0 1-.288-1.055c.128-.39.727-1.34 1.211-1.921.826-.99 2.098-1.936 2.863-2.131.243-.062.797-.019 1.064.082"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
